<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Access-Control-Allow-Origin" content="text/html; charset=utf-8" />
		<title>incidentView</title>
		<meta name="author" content="mili" />
		
		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDIUdFMR8K_PNs7X7olurDe6_QBXhSBmpU&sensor=false&libraries=visualization">
   		</script>
   		
   		<!-- css -->
   		<style type="text/css">
     		body {
        	margin: 0;
        	padding: 10px 20px 20px;
        	font-family: Arial;
        	font-size: 16px;
      	}

      	#map_canvas {
        padding: 6px;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #ccc #999 #ccc;
        -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
        -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
        box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
        width: 800px;
      	}

      	#map {
        width: 1000px;
        height: 700px;
      	}

      	#actions {
        list-style: none;
        padding: 0;
      	}

      	#inline-actions {
        padding-top: 10px;
      	}

      	.item {
        margin-left: 20px;
      	}
    	</style>

		<!-- this source file initialize vars and parse json file-->
		<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
   		<script type="text/javascript" src="incident.js"></script>
   		<script type="text/javascript" src="myJsonParse.js"></script>
   		
		<!-- Date: 2012-11-27 -->
	</head>
	
	<body onload="initialize(),changeRadius(),changeGradient()">
    	<h3>NSW incident clusters, based on http://livetraffic.rta.nsw.gov.au.</h3>
	
		<div id="map_canvas" style="height: 700px; width: 1000px;"></div>
    	<button onclick="changeGradient()">Change gradient</button>
		<br> Source: RTA Live Traffic NSW
		<br><em>The accuracy or suitability of the Data is not verified and it is provided on an "as is" basis.
  		<p> Number of Incidents: <span id="numIncidents"></span> </p>
  	</body>
	
</html>

